<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<form role="form" class="form-inline">
		<!-- <form role="form" class="form-inline内联表单"在一行>
		宽度由原来的100%变成自适应auto-->
		<div class="form-group">
			<!-- 显示需要内容 -->
			<label>用户名</label>
			<input type="date" class="form-control" placeholder="user" name="">
		</div>

		<div class="form-group">
			<label>Email</label>
			<input type="email" class="form-control" placeholder="Enter Email" name="">
		</div>

		<div class="form-group">
			<label>password</label>
			<input type="password" class="form-control" placeholder="Enter password" name="">
		</div>

		<div class="form-group">
			<!-- lable是必须要有的，不需要的话可以把它隐藏掉
				<label class="sr-only">让lable进行隐藏 
			-->
			<label class="sr-only">选择文件</label>
			<input type="file">
			<p class="help-block">选择你需要的文件</p>
		</div>
	</form>

	<br>
	<!-- 水平排列的表单
	水平时需要去设置一些效果（被隐藏了） 
	-->
	<form class="form-horizontal" role="form">
		<div class="form-group">
			<label class="col-sm-2 control-lable">Email</label>
			<div class="col-sm-10">
				<input type="email" class="form-control" placeholder="Email">
			</div>
		</div>

		<div class="form-group">
			<label class="col-sm-2 control-lable">password</label>
			<div class="col-sm-10">
				<input type="password" class="form-control" placeholder="password">
			</div>
		</div>

		<!-- 复选框 -->
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<div class="checkbox">
					<label>
						<input type="checkbox">记住密码
					</label>
				</div>
			</div>
		</div>

		<!-- 按钮 -->
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button type="submit" class="btn btn-default">登录</button>
			</div>
		</div>



	</form>

</body>
</html>